/**全局组件-自定义样式*/
.app-container {
    width: 100%;
    .container-header {
        border-radius: 10px;
        .container-header-tr {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .container-header-tr > div {
            margin-right: 20px;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            .s1 {
                margin-right: 10px;
            }
        }
    }
}
// ::v-deep .arco-input-wrapper .arco-input[disabled] {
//     -webkit-text-fill-color: #4e5969;
// }
::v-deep .imp-img {
    filter: @imp-img;
}

::v-deep .arco-input-wrapper {
    color: @input-color;
    background-color: @input-bg-color;
}
::v-deep .arco-input-wrapper .arco-input[disabled] {
    -webkit-text-fill-color: @input-fill-color;
    color: @input-color;
    background-color: @input-bg-color;
}

::v-deep .arco-input-wrapper.arco-input-disabled:hover {
    color: @input-color;
    background-color: @input-bg-color;
}

::v-deep .arco-table-th {
    background: @th-bg-color;
    color: @th-color;
}
::v-deep .arco-table-border .arco-table-container {
    //e5e6eb
    border-top: 1px solid @table-border-color;
    border-left: 1px solid @table-border-color;
}
::v-deep .arco-table-border:not(.arco-table-border-cell) .arco-table-container {
    border-right: 1px solid @table-border-color;
}

::v-deep .arco-table-td {
    background: @td-bg-color;
    color: @td-color;
    border-bottom: 1px solid @td-bottom-color;
}
::v-deep .arco-table-border .arco-table-tr .arco-table-th {
    border-bottom: 1px solid @th-bottom-color;
}

::v-deep .arco-select-view-single {
    color: @input-color;
    background-color: @ss-bg-color;
}

::v-deep .arco-pagination-total {
    color: @input-color;
}

::v-deep .arco-pagination-jumper-text-goto,
.arco-pagination-jumper-prepend,
.arco-pagination-jumper-append {
    color: @input-color;
}

::v-deep .arco-pagination-item-active,
.arco-pagination-item-active:hover {
    background-color: @pagination-active-bg-color; //#e8f3ff
}

::v-deep .arco-spin-mask {
    background-color: @spin-mask-bg-color;
}

::v-deep
    .arco-table-stripe:not(.arco-table-dragging)
    .arco-table-tr:not(.arco-table-tr-empty):not(
        .arco-table-tr-summary
    ):nth-child(even)
    .arco-table-td:not(.arco-table-col-fixed-left):not(
        .arco-table-col-fixed-right
    ),
.arco-table-stripe
    .arco-table-tr-drag
    .arco-table-td:not(.arco-table-col-fixed-left):not(
        .arco-table-col-fixed-right
    ) {
    background-color: @tr-d-bg-color;
}

::v-deep
    .arco-table-hover:not(.arco-table-dragging)
    .arco-table-tr:not(.arco-table-tr-empty):not(.arco-table-tr-summary):hover
    .arco-table-td:not(.arco-table-col-fixed-left):not(
        .arco-table-col-fixed-right
    ),
.arco-table-hover
    .arco-table-tr-drag
    .arco-table-td:not(.arco-table-col-fixed-left):not(
        .arco-table-col-fixed-right
    ) {
    background-color: @td-hover-bg-color;
}

::v-deep .arco-picker {
    background: @input-bg-color;
}

::v-deep .arco-picker-focused .arco-picker-input-active input {
    background: @input-bg-color;
}

::v-deep .arco-picker input {
    color: @input-color;
}

::v-deep .arco-form-item-label {
    color: @input-color;
}

::v-deep .arco-radio-label {
    color: @input-color;
}

::v-deep .arco-modal {
    background: @modal-bg-color;
}

::v-deep .arco-modal-title {
    color: @input-color;
}

::v-deep .arco-icon-hover .arco-icon {
    color: @input-color;
}

::v-deep .rounded {
    color: @input-color;
    // background: @imp-bg-color;
}

::v-deep .arco-modal-body {
    color: @modal-body-color;
}

::v-deep .arco-textarea-wrapper {
    background: @input-bg-color;
    color: @input-color;
}

::v-deep
    .arco-form-item-status-error
    .arco-input-wrapper:not(.arco-input-disabled).arco-input-focus,
.arco-form-item-status-error
    .arco-textarea-wrapper:not(.arco-textarea-disabled).arco-textarea-focus {
    background-color: @input-bg-color;
    box-shadow: none;
}

::v-deep
    .arco-form-item-status-error
    .arco-input-wrapper:not(.arco-input-disabled),
.arco-form-item-status-error
    .arco-textarea-wrapper:not(.arco-textarea-disabled) {
    background-color: @input-bg-color;
}

::v-deep .emoji-list {
    background-color: @emo-bg-color;
}

::v-deep div.arco-typography,
p.arco-typography {
    margin-bottom: 0;
    color: @input-color;
}
::v-deep .arco-typography-operation-copy {
    border-radius: 5px;
    border: solid 1px @input-color;
    margin-left: 5px;
}
::v-deep .arco-typography-operation-copy .arco-icon {
    color: @input-color;
}
::v-deep .arco-typography-operation-copy:hover .arco-icon {
    color: @input-bg-color;
}
::v-deep .arco-typography-operation-copy:hover {
    background-color: @input-color;
}
